{{#tag}}
  <section class="main-hero">
    {{> header-background background=feature_image}}
    <div class="main-hero-bg {{#if feature_image}}responsive-header-img{{else}}no-image{{/if}}"></div>
    <div class="d-flex flex-column align-content-center justify-content-center main-hero-content">
      <div class="text-center main-hero-content-title">{{name}}</div>
      <div class="text-center main-hero-content-description">
        {{description}}
      </div>
      <div class="text-center main-hero-content-description">
        {{plural ../pagination.total empty='没有任何写作' singular='该标签下有 % 篇文章' plural='该标签下有 % 篇文章'}}
      </div>
    </div>
    <div class="main-hero-waves-area">
      <svg class="waves-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
        <defs>
          <path id="gentle-wave" d="M -160 44 c 30 0 58 -18 88 -18 s 58 18 88 18 s 58 -18 88 -18 s 58 18 88 18 v 44 h -352 Z" />
        </defs>
        <g class="parallax">
          <use xlink:href="#gentle-wave" x="48" y="0" />
          <use xlink:href="#gentle-wave" x="48" y="3" />
          <use xlink:href="#gentle-wave" x="48" y="5" />
          <use xlink:href="#gentle-wave" x="48" y="7" />
        </g>
      </svg>
    </div>
  </section>
{{/tag}}
